<template>
  <div class="footer mb-4">
    <div class="container">
      <div class="col col-3 two">
        <h3>APP下载</h3>
        <p>扫描二维码</p>
        <p>下载堆糖手机客户端</p>
      </div>
      <div class="col col-3">
        <h3>关于我们</h3>
        <ul>
          <li><a href="">关于我们</a></li>
          <li><a href="">加入我们</a></li>
          <li><a href="">联系我们</a></li>
          <li><a href="">商务合作</a></li>
        </ul>
      </div>
      <div class="col col-3">
        <h3>关注我们</h3>
        <ul>
          <li><a href="">新浪微博</a></li>
          <li><a href="">微信公众号</a></li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script setup>

</script>
<style scoped lang="scss">
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.footer {
  background: #555555;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  height: 200px;
}
</style>